<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Rainbond Nodejs Demo</title>

    <meta
      name="description"
      content="Rainbond（云帮）是一款以应用为中心的开源PaaS，深度整合基于Kubernetes的容器管理、Service Mesh微服务架构最佳实践、多类型CI/CD应用构建与交付、多数据中心资源管理等技术，为用户提供云原生应用全生命周期解决方案，构建应用与基础设施、应用与应用、基础设施与基础设施之间互联互通的生态体系，满足支撑业务高速发展所需的敏捷开发、高效运维和精益管理需求。"
    />

    <meta name="author" content="goodrain" />

    <meta property="og:title" content="Rainbond Nodejs Demo" />
    <meta
      property="og:description"
      content="Rainbond（云帮）是一款以应用为中心的开源PaaS，深度整合基于Kubernetes的容器管理、Service Mesh微服务架构最佳实践、多类型CI/CD应用构建与交付、多数据中心资源管理等技术，为用户提供云原生应用全生命周期解决方案，构建应用与基础设施、应用与应用、基础设施与基础设施之间互联互通的生态体系，满足支撑业务高速发展所需的敏捷开发、高效运维和精益管理需求。"
    />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="/" />
    <meta property="og:updated_time" content="2017-03-02T21:56:55&#43;01:00" />
    <style>
    .button,body,button,h1,h1.title,h2,h3,h4,h5,h6 {font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
hr,iframe {border:none}
cite,figcaption,var {opacity:.6}
figure pre,kbd {border:1px solid rgba(0,0,0,.1)}
.dropdown ul,nav ol,nav ul,ul.unstyled,ul.unstyled ul {list-style:none}
audio,img,table,video {max-width:100%}
input,select,td.align-middle,textarea,tr.align-middle td {vertical-align:middle}
html {box-sizing:border-box}
*,:after,:before {box-sizing:inherit}
* {margin:0;padding:0;outline:0;-webkit-overflow-scrolling:touch}
img,video {height:auto}
svg {max-height:100%}
::-moz-focus-inner {border:0;padding:0}
input[type=radio],input[type=checkbox] {vertical-align:middle;position:relative;bottom:.15rem;font-size:115%;margin-right:3px}
input[type=search] {-webkit-appearance:textfield}
.button,button,select {-webkit-appearance:none}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {-webkit-appearance:none}
.inverted {color:#fff}
.error {color:#f03c69}
.success {color:#35beb1}
.warning {color:#f7ba45}
.focus {color:#1c86f2}
.aluminum {color:#f8f8f8}
.silver {color:#e0e1e1}
.lightgray {color:#d4d4d4}
.gray {color:#bdbdbd}
.midgray {color:#676b72}
.darkgray,body {color:#313439}
.bg-black {background-color:#0d0d0e}
.bg-inverted {background-color:#fff}
.bg-error {background-color:#f03c69}
.bg-success {background-color:#35beb1}
.bg-warning {background-color:#f7ba45}
.bg-focus {background-color:#1c86f2}
.bg-aluminum {background-color:#f8f8f8}
.bg-silver {background-color:#e0e1e1}
.bg-lightgray {background-color:#d4d4d4}
.bg-gray {background-color:#bdbdbd}
.bg-midgray {background-color:#676b72}
.bg-darkgray {background-color:#313439}
.bg-highlight {background-color:#edf2ff}
body,html {font-size:16px;line-height:24px}
body {background-color:transparent}
a {color:#3794de}
a:hover {color:#f03c69}
h1,h1.title,h2,h3,h4,h5,h6 {font-weight:700;color:#0d0d0e;text-rendering:optimizeLegibility;margin-bottom:16px}
.message,.monospace,code,kbd,pre,samp,var {font-family:Consolas,Monaco,"Courier New",monospace}
h1.title {font-size:60px;line-height:64px;margin-bottom:8px}
.h1,h1 {font-size:48px;line-height:52px}
.h2,h2 {font-size:36px;line-height:40px}
.h3,.h4,h3,h4 {line-height:32px}
.h3,h3 {font-size:24px}
.h4,h4 {font-size:21px}
.h5,h5 {font-size:18px;line-height:28px}
.h6,h6 {font-size:16px;line-height:24px}
.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:inherit}
blockquote+h2,blockquote+h3,blockquote+h4,blockquote+h5,blockquote+h6,dl+h2,dl+h3,dl+h4,dl+h5,dl+h6,figure+h2,figure+h3,figure+h4,figure+h5,figure+h6,form+h2,form+h3,form+h4,form+h5,form+h6,hr+h2,hr+h3,hr+h4,hr+h5,hr+h6,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,p+h2,p+h3,p+h4,p+h5,p+h6,pre+h2,pre+h3,pre+h4,pre+h5,pre+h6,table+h2,table+h3,table+h4,table+h5,table+h6,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6 {margin-top:24px}
ol,ol ol,ol ul,ul,ul ol,ul ul {margin:0 0 0 24px}
ol ol li {list-style-type:lower-alpha}
ol ol ol li {list-style-type:lower-roman}
nav ol,nav ul {margin:0}
dd,nav ol ol,nav ol ul,nav ul ol,nav ul ul {margin-left:24px}
dl dt {font-weight:700}
address,blockquote,dl,fieldset,figure,form,hr,ol,p,pre,table,ul {margin-bottom:16px}
hr {border-bottom:1px solid rgba(0,0,0,.1);margin-top:-1px}
blockquote {padding-left:1rem;border-left:4px solid rgba(0,0,0,.1);font-style:italic;color:rgba(49,52,57,.65)}
blockquote p {margin-bottom:.5rem}
cite,code,figcaption,kbd,mark,pre,samp,small,time,var {font-size:87.5%}
abbr[title],dfn[title] {border-bottom:1px dotted rgba(0,0,0,.5);cursor:help}
var {font-style:normal}
code,kbd,mark,samp {position:relative;top:-1px;padding:4px 4px 2px;display:inline-block;line-height:1;color:rgba(49,52,57,.85)}
code {background:#e0e1e1}
mark {background:#f7ba45}
samp {color:#fff;background:#1c86f2}
sub,sup {font-size:x-small;line-height:0;margin-left:1rem/4;position:relative}
.small,.smaller,pre,pre code {line-height:20px}
sup {top:0}
sub {bottom:1px}
pre,pre code {background:#f8f8f8;padding:0;top:0;display:block;color:rgba(49,52,57,.85);overflow:none;white-space:pre-wrap}
pre,td,th {padding:1rem}
.black,a.muted {color:#0d0d0e}
figure figcaption {position:relative;top:-1rem/2}
figure pre {background:0 0;border-radius:4px}
figure .video-container,figure pre {margin-bottom:8px}
.text-left {text-align:left}
.label.badge,.text-center {text-align:center}
.text-right {text-align:right}
ul.unstyled {margin-left:0}
.upper {text-transform:uppercase}
.lower {text-transform:lowercase}
.italic {font-style:italic!important}
.strong {font-weight:700!important}
.normal {font-weight:400!important}
.muted {opacity:.55}
a.muted:hover {opacity:1}
.smaller {font-size:12px}
.small {font-size:14px}
.big {font-size:18px;line-height:28px}
.large {font-size:20px;line-height:32px}
.end {margin-bottom:0!important}
.highlight {background-color:#edf2ff}
.nowrap,.nowrap td {white-space:nowrap}
@media (min-width:768px) and (max-width:1024px) {.columns-2,.columns-3,.columns-4 {column-gap:24px}
.columns-2 {column-count:2}
.columns-3 {column-count:3}
.columns-4 {column-count:4}
}
.row {display:flex;flex-direction:row;flex-wrap:wrap}
.row.gutters,.row.gutters>.row {margin-left:-2%}
@media (max-width:768px) {.row {flex-direction:column;flex-wrap:nowrap}
.row.gutters,.row.gutters>.row {margin-left:0}
}
.row.gutters>.col,.row.gutters>.row>.col {margin-left:2%}
@media (max-width:768px) {.row.gutters>.col,.row.gutters>.row>.col {margin-left:0}
}
.row.around {justify-content:space-around}
.row.between {justify-content:space-between}
.row.auto .col {flex-grow:1}
.col-1 {width:8.33333%}
.offset-1 {margin-left:8.33333%}
.col-2 {width:16.66667%}
.offset-2 {margin-left:16.66667%}
.col-3 {width:25%}
.offset-3 {margin-left:25%}
.col-4 {width:33.33333%}
.offset-4 {margin-left:33.33333%}
.col-5 {width:41.66667%}
.offset-5 {margin-left:41.66667%}
.col-6 {width:50%}
.offset-6 {margin-left:50%}
.col-7 {width:58.33333%}
.offset-7 {margin-left:58.33333%}
.col-8 {width:66.66667%}
.offset-8 {margin-left:66.66667%}
.col-9 {width:75%}
.offset-9 {margin-left:75%}
.col-10 {width:83.33333%}
.offset-10 {margin-left:83.33333%}
.col-11 {width:91.66667%}
.offset-11 {margin-left:91.66667%}
.col-12 {width:100%}
.offset-12 {margin-left:100%}
.gutters>.col-1 {width:calc(8.33333% - 2%)}
.gutters>.offset-1 {margin-left:calc(8.33333% + 2%)!important}
.gutters>.col-2 {width:calc(16.66667% - 2%)}
.gutters>.offset-2 {margin-left:calc(16.66667% + 2%)!important}
.gutters>.col-3 {width:calc(25% - 2%)}
.gutters>.offset-3 {margin-left:calc(25% + 2%)!important}
.gutters>.col-4 {width:calc(33.33333% - 2%)}
.gutters>.offset-4 {margin-left:calc(33.33333% + 2%)!important}
.gutters>.col-5 {width:calc(41.66667% - 2%)}
.gutters>.offset-5 {margin-left:calc(41.66667% + 2%)!important}
.gutters>.col-6 {width:calc(50% - 2%)}
.gutters>.offset-6 {margin-left:calc(50% + 2%)!important}
.gutters>.col-7 {width:calc(58.33333% - 2%)}
.gutters>.offset-7 {margin-left:calc(58.33333% + 2%)!important}
.gutters>.col-8 {width:calc(66.66667% - 2%)}
.gutters>.offset-8 {margin-left:calc(66.66667% + 2%)!important}
.gutters>.col-9 {width:calc(75% - 2%)}
.gutters>.offset-9 {margin-left:calc(75% + 2%)!important}
.gutters>.col-10 {width:calc(83.33333% - 2%)}
.gutters>.offset-10 {margin-left:calc(83.33333% + 2%)!important}
.gutters>.col-11 {width:calc(91.66667% - 2%)}
.gutters>.offset-11 {margin-left:calc(91.66667% + 2%)!important}
.gutters>.col-12 {width:calc(100% - 2%)}
.gutters>.offset-12 {margin-left:calc(100% + 2%)!important}
.first {order:-1}
.last {order:1}
@media (max-width:768px) {[class*=' offset-'],[class^=offset-] {margin-left:0}
.row .col {margin-left:0;width:100%}
.row.gutters .col {margin-bottom:16px}
.first-sm {order:-1}
.last-sm {order:1}
}
table {border-collapse:collapse;border-spacing:0;width:100%;empty-cells:show;font-size:15px;line-height:24px}
table caption {text-align:left;font-size:14px;font-weight:500;color:#676b72}
legend,th {font-weight:700}
th {text-align:left;vertical-align:bottom}
td {vertical-align:top}
td,th {border-bottom:1px solid rgba(0,0,0,.05)}
td:first-child,th:first-child {padding-left:0}
td:last-child,th:last-child {padding-right:0}
tfoot td,tfoot th {color:rgba(49,52,57,.5)}
table.bordered td,table.bordered th {border:1px solid rgba(0,0,0,.05)}
table.striped tr:nth-child(odd) td {background:#f8f8f8}
table.bordered td:first-child,table.bordered th:first-child,table.striped td:first-child,table.striped th:first-child {padding-left:1rem}
table.bordered td:last-child,table.bordered th:last-child,table.striped td:last-child,table.striped th:last-child {padding-right:1rem}
table.unstyled td,table.unstyled th {border:none;padding:0}
fieldset {font-family:inherit;border:1px solid rgba(0,0,0,.1);padding:2rem;margin-bottom:2rem;margin-top:2rem}
legend {font-size:12px;text-transform:uppercase;padding:0 1rem;margin-left:-1rem;top:2px;position:relative;line-height:0}
.button i,.req,button i {position:relative;top:1px}
input,select,textarea {display:block;width:100%;font-family:inherit;font-size:15px;height:40px;outline:0;background-color:#fff;border:1px solid #d4d4d4;border-radius:3px;box-shadow:none;padding:0 12px}
input.small,select.small,textarea.small {height:36px;font-size:13px;padding:0 12px;border-radius:3px}
input.big,select.big,textarea.big {height:48px;font-size:17px;padding:0 12px;border-radius:3px}
input:focus,select:focus,textarea:focus {outline:0;background-color:#fff;border-color:#1c86f2;box-shadow:0 0 1px #1c86f2 inset}
input.error,select.error,textarea.error {background-color:rgba(240,60,105,.1);border:1px solid #f583a0}
input.error:focus,select.error:focus,textarea.error:focus {border-color:#f03c69;box-shadow:0 0 1px #f03c69 inset}
input.success,select.success,textarea.success {background-color:rgba(53,190,177,.1);border:1px solid #6ad5cb}
input.success:focus,select.success:focus,textarea.success:focus {border-color:#35beb1;box-shadow:0 0 1px #35beb1 inset}
input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled {resize:none;opacity:.6;cursor:default;font-style:italic;color:rgba(0,0,0,.5)}
select {background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="12" viewBox="0 0 9 12"><path fill="#5e6c75" d="M0.722,4.823L-0.01,4.1,4.134-.01,4.866,0.716Zm7.555,0L9.01,4.1,4.866-.01l-0.732.726ZM0.722,7.177L-0.01,7.9,4.134,12.01l0.732-.726Zm7.555,0L9.01,7.9,4.866,12.01l-0.732-.726Z"/></svg>');background-repeat:no-repeat;background-position:right 1rem center}
select[multiple] {background-image:none;height:auto;padding:.5rem .75rem}
textarea {height:auto;padding:8px 12px;line-height:24px;vertical-align:top}
input[type=file] {width:auto;border:none;padding:0;height:auto;background:0 0;box-shadow:none;display:inline-block}
input.search,input[type=search] {background-repeat:no-repeat;background-position:8px 53%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="#000" fill-opacity="0.4" d="M14.891,14.39l-0.5.5a0.355,0.355,0,0,1-.5,0L9.526,10.529a5.3,5.3,0,1,1,2.106-4.212,5.268,5.268,0,0,1-1.1,3.21l4.362,4.362A0.354,0.354,0,0,1,14.891,14.39ZM6.316,2.418a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,6.316,2.418Z"/></svg>');padding-left:32px}
input[type=radio],input[type=checkbox] {display:inline-block;width:auto;height:auto;padding:0}
label {display:block;color:#313439;margin-bottom:4px;font-size:15px}
label .desc,label .error,label .success,label.checkbox {text-transform:none;font-weight:400}
label.checkbox {font-size:16px;line-height:24px;cursor:pointer;color:inherit}
.button,.desc,.message,button {line-height:25px}
label.checkbox input {margin-top:0}
.form-checkboxes label.checkbox {display:inline-block;margin-right:16px}
.req {font-weight:700;color:#f03c69;font-size:110%}
.desc {color:rgba(49,52,57,.5);font-size:12px}
span.desc {margin-left:4px}
div.desc {margin-top:4px;margin-bottom:-8px}
.form-buttons .button,.form-buttons button {margin-right:8px}
.form-item,form {margin-bottom:2rem}
.form .row:last-child .form-item,.form>.form-item:last-child {margin-bottom:0}
.form span.error,.form span.success {font-size:12px;line-height:20px;margin-left:4px}
.form-inline input,.form-inline select,.form-inline textarea {display:inline-block;width:auto}
.append,.prepend {display:flex}
.append input,.prepend input {flex:1}
.append .button,.append span,.prepend .button,.prepend span {flex-shrink:0}
.append span,.prepend span {display:flex;flex-direction:column;justify-content:center;font-weight:400;border:1px solid #d4d4d4;background-color:#f8f8f8;padding:0 .875rem;color:rgba(0,0,0,.5);font-size:12px;white-space:nowrap}
.button,.label,button {display:inline-block;font-weight:500;text-decoration:none;vertical-align:middle}
.prepend input {border-radius:0 3px 3px 0}
.prepend .button {margin-right:-1px;border-radius:3px 0 0 3px!important}
.append input,.prepend span {border-radius:3px 0 0 3px}
.prepend span {border-right:none}
.append .button {margin-left:-1px;border-radius:0 3px 3px 0!important}
.append span {border-left:none;border-radius:0 3px 3px 0}
.button,button {font-size:15px;color:#fff;background-color:#1c86f2;border-radius:3px;min-height:40px;padding:8px 20px;cursor:pointer;border:1px solid transparent}
.button i,button i {margin:0 2px}
.fixed,.no-scroll {position:fixed;top:0;left:0}
input[type=submit] {width:auto}
.button:hover,button:hover {outline:0;text-decoration:none;color:#fff;background-color:#4ca0f5}
.button.disabled,.button:disabled {cursor:default;font-style:normal;color:rgba(255,255,255,.7);background-color:rgba(28,134,242,.7)}
.breadcrumbs li.active a,.pagination li.active a,.pagination span {cursor:text}
.button.small {font-size:13px;min-height:36px;padding:6px 20px;border-radius:3px}
.button.big {font-size:17px;min-height:48px;padding:13px 24px;border-radius:3px}
.button.large {font-size:19px;min-height:56px;padding:20px 36px;border-radius:3px}
.button.outline {background:0 0;border-width:2px;border-color:#1c86f2;color:#1c86f2}
.button.outline:hover {background:0 0;color:rgba(28,134,242,.6);border-color:rgba(28,134,242,.5)}
.button.outline.disabled,.button.outline:disabled {background:0 0;color:rgba(28,134,242,.7);border-color:rgba(28,134,242,.5)}
.button.inverted,.button.inverted:hover {color:#000;background-color:#fff;}
.button.inverted.disabled,.button.inverted:disabled {color:rgba(0,0,0,.7);background-color:rgba(255,255,255,.7)}
.button.inverted.outline {background:0 0;color:#fff;border-color:#fff}
.button.inverted.outline:hover {color:rgba(255,255,255,.6);border-color:rgba(255,255,255,.5)}
.button.inverted.outline.disabled,.button.inverted.outline:disabled {background:0 0;color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.5)}
.button.inverted:hover {opacity:.7}
.button.round {border-radius:56px}
.button.raised {box-shadow:0 1px 3px rgba(0,0,0,.3)}
.button.upper {text-transform:uppercase;letter-spacing:.04em;font-size:13px}
.button.upper.small {font-size:11px}
.button.upper.big {font-size:13px}
.button.upper.large {font-size:15px}
.button.secondary {color:#fff;background-color:#313439}
.button.secondary:hover {color:#fff;background-color:#606670}
.button.secondary.disabled,.button.secondary:disabled {color:rgba(255,255,255,.7);background-color:rgba(49,52,57,.7)}
.button.secondary.outline {background:0 0;color:#313439;border-color:#313439}
.button.secondary.outline:hover {color:rgba(49,52,57,.6);border-color:rgba(49,52,57,.5)}
.button.secondary.outline.disabled,.button.secondary.outline:disabled {background:0 0;color:rgba(49,52,57,.7);border-color:rgba(49,52,57,.5)}
.label {font-size:13px;background:#e0e1e1;line-height:18px;padding:0 10px;color:#313439;border:1px solid transparent;border-radius:4px}
.label a,.label a:hover {color:inherit;text-decoration:none}
.label.big {font-size:14px;line-height:24px;padding:0 12px}
.label.tag,.label.upper {text-transform:uppercase;font-size:11px}
.label.outline {background:0 0;border-color:#bdbdbd}
.label.badge {border-radius:64px;padding:0 6px}
.label.badge.big {padding:0 8px}
.label.tag {padding:0;background:0 0;border:none}
.label.tag.big {font-size:13px}
.label.success {background:#35beb1;color:#fff}
.label.success.outline,.label.success.tag {background:0 0;border-color:#35beb1;color:#35beb1}
.label.error {background:#f03c69;color:#fff}
.label.error.outline,.label.error.tag {background:0 0;border-color:#f03c69;color:#f03c69}
.label.warning {background:#f7ba45;color:#0d0d0e}
.label.warning.outline,.label.warning.tag {background:0 0;border-color:#f7ba45;color:#f7ba45}
.label.focus {background:#1c86f2;color:#fff}
.label.focus.outline,.label.focus.tag {background:0 0;border-color:#1c86f2;color:#1c86f2}
.label.black {background:#0d0d0e;color:#fff}
.label.black.outline,.label.black.tag {background:0 0;border-color:#0d0d0e;color:#0d0d0e}
.label.inverted {background:#fff;color:#0d0d0e}
.label.inverted.outline,.label.inverted.tag {background:0 0;border-color:#fff;color:#fff}
.breadcrumbs {font-size:14px;margin-bottom:24px}
.breadcrumbs ul {display:flex;align-items:center}
.breadcrumbs.push-center ul {justify-content:center}
.breadcrumbs a,.breadcrumbs span {font-style:normal;padding:0 10px;display:inline-block;white-space:nowrap}
.breadcrumbs li:after {display:inline-block;content:'/';color:rgba(0,0,0,.3)}
.breadcrumbs li.active a,.pagination a {text-decoration:none;color:#313439}
.breadcrumbs li:last-child:after {display:none}
.breadcrumbs li:first-child a,.breadcrumbs li:first-child span {padding-left:0}
.pagination {margin:24px 0;font-size:14px}
.close,.pagination.upper {font-size:12px}
.pagination ul {display:flex;margin:0}
.pagination.align-center ul {justify-content:center}
.pagination a,.pagination span {border-radius:3px;display:inline-block;padding:8px 12px;line-height:1;white-space:nowrap;border:1px solid transparent}
.pagination a:hover,.pagination li.active a,.pagination span {color:rgba(0,0,0,.5);border-color:#e0e1e1}
.pager span {line-height:24px}
.pager a,.pager span {padding-left:16px;padding-right:16px;border-radius:64px;border-color:rgba(0,0,0,.1)}
.pager li {flex-basis:50%}
.pager li.next {text-align:right}
.pager.align-center li {flex-basis:auto;margin-left:4px;margin-right:4px}
.pager.flat a,.pager.flat span {border:none;display:block;padding:0}
.pager.flat a {font-weight:700}
.pager.flat a:hover {background:0 0;text-decoration:underline}
@media (max-width:768px) {.pager.flat ul {flex-direction:column}
.pager.flat li {flex-basis:100%;margin-bottom:8px;text-align:left}
}
@font-face {font-family:Kube;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfgAAAC8AAAAYGNtYXAXVtKOAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZsMn2SAAAAF4AAADeGhlYWQMP9EUAAAE8AAAADZoaGVhB8IDzQAABSgAAAAkaG10eCYABd4AAAVMAAAAMGxvY2EFWASuAAAFfAAAABptYXhwABcAmwAABZgAAAAgbmFtZfMJxocAAAW4AAABYnBvc3QAAwAAAAAHHAAAACAAAwPHAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qf//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAKAAAAAAQAA8AADwAUACQANABEAFYAaAB4AIgAmAAAEyIGFREUFjMhMjY1ETQmIwUhESEREzgBMSIGFRQWMzI2NTQmIzM4ATEiBhUUFjMyNjU0JiMzOAExIgYVFBYzMjY1NCYjATIWHQEUBiMiJj0BNDYzOAExITIWHQEUBiMiJj0BNDYzOAExATgBMSIGFRQWMzI2NTQmIzM4ATEiBhUUFjMyNjU0JiMzOAExIgYVFBYzMjY1NCYjwFBwcFACgFBwcFD9IQM+/MKrHioqHh4qKh70HioqHh4qKh70HisrHh0rKh7+MBQdHRQUHBwUAbgUHBwUFB0dFP4wHioqHh4qKh70HioqHh4qKh70HisrHh0rKh4DYHBQ/iBQcHBQAeBQcF/9XwKh/n8qHh4qKh4eKioeHioqHh4qKh4eKioeHioCQBwVjhUcHBWOFRwcFY4VHBwVjhUc/rAqHh4qKh4eKioeHioqHh4qKh4eKioeHioAAAABAQAAwAMAAcAACwAAAQcXBycHJzcnNxc3AwDMAjMDAzMCzDTMzAGVqAIrAgIrAqgrqKgAAQGAAEACgAJAAAsAACUnByc3JzcXNxcHFwJVqAIrAgIrAqgrqKhAzAIzAwMzAsw0zMwAAAEBgABAAoACQAALAAABFzcXBxcHJwcnNycBq6gCKwICKwKoK6ioAkDMAjMDAzMCzDTMzAABAQAAwAMAAcAACwAAJTcnNxc3FwcXBycHAQDMAjMDAzMCzDTMzOuoAisCAisCqCuoqAAAAgAP/+UD1AOqAAQACAAAEwEHATcFAScBSwOJPPx3PAOJ/Hc8A4kDqvx3PAOJPDz8dzwDiQAAAAADAIAAgAOAAwAAAwAHAAsAADc1IRUBIRUhESEVIYADAP0AAwD9AAMA/QCAgIABgIABgIAAAgBPAA8DsgNxABgALQAAJQcBDgEjIi4CNTQ+AjMyHgIVFAYHAQEiDgIVFB4CMzI+AjU0LgIjA7JY/t4lWTBBc1YxMVZzQUFzVTIcGQEi/dgxVkAlJUBWMTFWQCUlQFYxZ1gBIRkcMlVzQUFzVjExVnNBMFkm/uACuyVAVjExVkAlJUBWMTFWQCUAAAABAAAAAQAABhlWm18PPPUACwQAAAAAANSQRjkAAAAA1JBGOQAA/+UEAAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAAAAEAAEABAABgAQAAYAEAAEABAAADwQAAIAEAABPAAAAAAAKABQAHgDYAPIBDAEmAUABXAF2AbwAAAABAAAADACZAAoAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABAAAAAEAAAAAAAIABwBFAAEAAAAAAAMABAAtAAEAAAAAAAQABABaAAEAAAAAAAUACwAMAAEAAAAAAAYABAA5AAEAAAAAAAoAGgBmAAMAAQQJAAEACAAEAAMAAQQJAAIADgBMAAMAAQQJAAMACAAxAAMAAQQJAAQACABeAAMAAQQJAAUAFgAXAAMAAQQJAAYACAA9AAMAAQQJAAoANACAS3ViZQBLAHUAYgBlVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwS3ViZQBLAHUAYgBlS3ViZQBLAHUAYgBlUmVndWxhcgBSAGUAZwB1AGwAYQByS3ViZQBLAHUAYgBlRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype");font-weight:400;font-style:normal}
.caret,.close,[class*=" kube-"],[class^=kube-] {font-family:Kube!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.kube-calendar:before {content:"\e900"}
.caret.down:before,.kube-caret-down:before {content:"\e901"}
.caret.left:before,.kube-caret-left:before {content:"\e902"}
.caret.right:before,.kube-caret-right:before {content:"\e903"}
.caret.up:before,.kube-caret-up:before {content:"\e904"}
.close:before,.kube-close:before {content:"\e905"}
.kube-menu:before {content:"\e906"}
.kube-search:before {content:"\e907"}
.gutters .column.push-left,.push-left {margin-right:auto}
.gutters .column.push-right,.push-right {margin-left:auto}
.gutters .column.push-center,.push-center {margin-left:auto;margin-right:auto}
.gutters .column.push-middle,.push-middle {margin-top:auto;margin-bottom:auto}
.push-bottom {margin-top:auto}
.align-middle {align-items:center}
.align-right {justify-content:flex-end}
.align-center {justify-content:center}
.float-right {float:right}
.float-left {float:left}
.fixed {z-index:100;width:100%}
.w5 {width:5%}
.w10 {width:10%}
.w15 {width:15%}
.w20 {width:20%}
.w25 {width:25%}
.w30 {width:30%}
.w35 {width:35%}
.w40 {width:40%}
.w45 {width:45%}
.w50 {width:50%}
.w55 {width:55%}
.w60 {width:60%}
.w65 {width:65%}
.w70 {width:70%}
.w75 {width:75%}
.w80 {width:80%}
.w85 {width:85%}
.w90 {width:90%}
.w95 {width:95%}
.w100 {width:100%}
.w-auto {width:auto}
.w-small {width:480px}
.w-medium {width:600px}
.w-big {width:740px}
.w-large {width:840px}
.max-w5 {max-width:5%}
.max-w10 {max-width:10%}
.max-w15 {max-width:15%}
.max-w20 {max-width:20%}
.max-w25 {max-width:25%}
.max-w30 {max-width:30%}
.max-w35 {max-width:35%}
.max-w40 {max-width:40%}
.max-w45 {max-width:45%}
.max-w50 {max-width:50%}
.max-w55 {max-width:55%}
.max-w60 {max-width:60%}
.max-w65 {max-width:65%}
.max-w70 {max-width:70%}
.max-w75 {max-width:75%}
.max-w80 {max-width:80%}
.max-w85 {max-width:85%}
.max-w90 {max-width:90%}
.max-w95 {max-width:95%}
.max-w100 {max-width:100%}
.max-w-small {max-width:480px}
.max-w-medium {max-width:600px}
.max-w-big {max-width:740px}
.max-w-large {max-width:840px}
.min-w5 {min-width:5%}
.min-w10 {min-width:10%}
.min-w15 {min-width:15%}
.min-w20 {min-width:20%}
.min-w25 {min-width:25%}
.min-w30 {min-width:30%}
.min-w35 {min-width:35%}
.min-w40 {min-width:40%}
.min-w45 {min-width:45%}
.min-w50 {min-width:50%}
.min-w55 {min-width:55%}
.min-w60 {min-width:60%}
.min-w65 {min-width:65%}
.min-w70 {min-width:70%}
.min-w75 {min-width:75%}
.min-w80 {min-width:80%}
.min-w85 {min-width:85%}
.min-w90 {min-width:90%}
.min-w95 {min-width:95%}
.min-w100 {min-width:100%}
.h25 {height:25%}
.h50 {height:50%}
.h100 {height:100%}
.group:after {content:'';display:table;clear:both}
.flex {display:flex}
@media (max-width:768px) {.gutters .column.push-left-sm,.push-left-sm {margin-left:0}
.gutters .column.push-center-sm,.push-center-sm {margin-left:auto;margin-right:auto}
.push-top-sm {margin-top:0}
.align-left-sm {justify-content:flex-start}
.float-left,.float-right {float:none}
.w-auto-sm {width:auto}
.w-big,.w-large,.w-medium,.w-small,.w100-sm {width:100%}
.max-w-auto-sm,.max-w-big,.max-w-large,.max-w-medium,.max-w-small {max-width:auto}
.flex-column-sm {flex-direction:column}
.flex-w100-sm {flex:0 0 100%}
}
@media (max-width:768px) and (max-width:768px) {.flex-w100-sm {flex:0 0 100%!important}
}
.invisible {visibility:hidden}
.visible {visibility:visible}
.display-block {display:block}
.hide {display:none!important}
@media (max-width:768px) {.hide-sm {display:none!important}
}
@media (min-width:768px) {.show-sm {display:none!important}
}
@media print {.hide-print {display:none!important}
.show-print {display:block!important}
}
.caret,.close {display:inline-block}
.no-scroll {overflow:hidden;width:100%;height:100%!important}
.scrollbar-measure {position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
.dropdown,.slideDown,.slideUp {overflow:hidden}
.video-container {height:0;padding-bottom:56.25%;position:relative;margin-bottom:16px}
.video-container embed,.video-container iframe,.video-container object {position:absolute;top:0;left:0;width:100%!important;height:100%!important}
.close {min-height:16px;min-width:16px;line-height:16px;vertical-align:middle;text-align:center;opacity:.6}
.close:hover {opacity:1}
.close.small {font-size:8px}
.close.big {font-size:18px}
.close.white {color:#fff}
.button .caret {margin-right:-8px}
.overlay {position:fixed;z-index:200;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.95)}
.overlay>.close {position:fixed;top:1rem;right:1rem}
@media print {blockquote,img,pre,tr {page-break-inside:avoid}
* {background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited {text-decoration:underline}
blockquote,pre {border:1px solid #999}
h2,h3,p {orphans:3;widows:3}
thead {display:table-header-group}
img {max-width:100%!important}
h2,h3,h4 {page-break-after:avoid}
@page {margin:.5cm}
}
.dropdown,.modal {box-shadow:0 10px 25px rgba(0,0,0,.15)}
@keyframes slideUp {to {height:0;padding-top:0;padding-bottom:0}
}
@keyframes slideDown {from {height:0;padding-top:0;padding-bottom:0}
}
@keyframes fadeIn {from {opacity:0}
to {opacity:1}
}
@keyframes fadeOut {from {opacity:1}
to {opacity:0}
}
@keyframes flipIn {from {opacity:0;transform:scaleY(0)}
to {opacity:1;transform:scaleY(1)}
}
@keyframes flipOut {from {opacity:1;transform:scaleY(1)}
to {opacity:0;transform:scaleY(0)}
}
@keyframes zoomIn {from {opacity:0;transform:scale3d(.3,.3,.3)}
50% {opacity:1}
}
@keyframes zoomOut {from {opacity:1}
50% {opacity:0;transform:scale3d(.3,.3,.3)}
to {opacity:0}
}
@keyframes slideInRight {from {transform:translate3d(100%,0,0);visibility:visible}
to {transform:translate3d(0,0,0)}
}
@keyframes slideInLeft {from {transform:translate3d(-100%,0,0);visibility:visible}
to {transform:translate3d(0,0,0)}
}
@keyframes slideInDown {from {transform:translate3d(0,-100%,0);visibility:visible}
to {transform:translate3d(0,0,0)}
}
@keyframes slideOutLeft {from {transform:translate3d(0,0,0)}
to {visibility:hidden;transform:translate3d(-100%,0,0)}
}
@keyframes slideOutRight {from {transform:translate3d(0,0,0)}
to {visibility:hidden;transform:translate3d(100%,0,0)}
}
@keyframes slideOutUp {from {transform:translate3d(0,0,0)}
to {visibility:hidden;transform:translate3d(0,-100%,0)}
}
@keyframes rotate {from {transform:rotate(0)}
to {transform:rotate(360deg)}
}
@keyframes pulse {from,to {transform:scale3d(1,1,1)}
50% {transform:scale3d(1.03,1.03,1.03)}
}
@keyframes shake {15% {transform:translateX(.5rem)}
30% {transform:translateX(-.4rem)}
45% {transform:translateX(.3rem)}
60% {transform:translateX(-.2rem)}
75% {transform:translateX(.1rem)}
90% {transform:translateX(0)}
}
.fadeIn {animation:fadeIn 250ms}
.fadeOut {animation:fadeOut 250ms}
.zoomIn {animation:zoomIn .2s}
.zoomOut {animation:zoomOut .5s}
.slideInRight {animation:slideInRight .5s}
.slideInLeft {animation:slideInLeft .5s}
.slideInDown {animation:slideInDown .5s}
.slideOutLeft {animation:slideOutLeft .5s}
.slideOutRight {animation:slideOutRight .5s}
.slideOutUp {animation:slideOutUp .5s}
.slideUp {animation:slideUp .2s ease-in-out}
.slideDown {animation:slideDown 80ms ease-in-out}
.flipIn {animation:flipIn 250ms cubic-bezier(.5,-.5,.5,1.5)}
.flipOut {animation:flipOut .5s cubic-bezier(.5,-.5,.5,1.5)}
.rotate {animation:rotate .5s}
.pulse {animation:pulse 250ms 2}
.shake {animation:shake .5s}
.dropdown {position:absolute;z-index:100;top:0;right:0;width:280px;color:#000;font-size:15px;background:#fff;border-radius:3px;max-height:300px;margin:0;padding:0}
.dropdown.dropdown-mobile {position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-height:none;border:none}
.dropdown .close {margin:20px auto}
.dropdown.open {overflow:auto}
.dropdown ul {margin:0}
.dropdown ul li {border-bottom:1px solid rgba(0,0,0,.07)}
.dropdown ul li:last-child {border-bottom:none}
.dropdown ul a {display:block;padding:12px;text-decoration:none;color:#000}
.dropdown ul a:hover {background:rgba(0,0,0,.05)}
.message {font-size:14px;background:#e0e1e1;color:#313439;padding:1rem 2em .75rem 1rem;margin-bottom:24px;position:relative}
.message a {color:inherit;/* color:#fc3769;*/    text-decoration:none !important;}
.message h2,.message h3,.message h4,.message h5,.message h6 {margin-bottom:0}
.message .close {position:absolute;right:1rem;top:1.1rem}
.message.error {background:#f03c69;color:#fff}
.message.success {background:#35beb1;color:#fff}
.message.warning {background:#f7ba45}
.message.focus {background:#1c86f2;color:#fff}
.message.black {background:#0d0d0e;color:#fff}
.message.inverted,.modal,.offcanvas {background:#fff}
.modal-box {position:fixed;top:0;left:0;bottom:0;right:0;overflow-x:hidden;overflow-y:auto;z-index:200}
.modal {position:relative;margin:16px auto auto;padding:0;border-radius:8px;color:#000}
@media (max-width:768px) {.modal input,.modal textarea {font-size:16px}
}
.modal .close {position:absolute;top:18px;right:16px;opacity:.3}
.modal .close:hover {opacity:1}
.modal-header {padding:24px 32px;font-size:18px;font-weight:700;border-bottom:1px solid rgba(0,0,0,.05)}
.modal-header:empty {display:none}
.modal-body {padding:36px 56px}
@media (max-width:768px) {.modal-body,.modal-header {padding:24px}
}
.offcanvas {position:fixed;padding:24px;height:100%;top:0;left:0;z-index:300;overflow-y:scroll}
.offcanvas .close {position:absolute;top:8px;right:8px}
.offcanvas-push-body,.tabs a,.tabs em {position:relative}
.offcanvas-left {border-right:1px solid rgba(0,0,0,.1)}
.offcanvas-right {left:auto;right:0;border-left:1px solid rgba(0,0,0,.1)}
.tabs {margin-bottom:24px;font-size:14px}
.tabs li em,.tabs li.active a {color:#313439;border:1px solid rgba(0,0,0,.1);cursor:default;text-decoration:none;background:0 0}
.tabs a,.tabs em {top:1px;font-style:normal;display:block;padding:.5rem 1rem;border:1px solid transparent;color:rgba(0,0,0,.5);text-decoration:none}
.tabs a:hover {-moz-transition:all linear .2s;transition:all linear .2s;color:#313439;text-decoration:underline;background-color:#e0e1e1}
@media (min-width:768px) {.tabs ul {display:flex;margin-top:-1px;border-bottom:1px solid rgba(0,0,0,.1)}
.tabs li em,.tabs li.active a {border-bottom:1px solid #fff}
}


/* <!-- 头部css --> */
body{font-family:Lato,Arial,sans-serif;}h1.title,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:Lato,Arial,sans-serif;}button,.button{font-family:Lato,Arial,sans-serif;}h1,h2,h3,h4,h5,h6{color:#222;}.form-centered{max-width:400px;margin:auto;margin-bottom:140px;}.form-subscribe{text-align:center;border-radius:4px;border:3px dashed rgba(0,0,0,0.1);padding:64px 40px;margin-bottom:24px;}.form-subscribe h4{margin-bottom:0;}.form-subscribe p{color:rgba(0,0,0,0.5);margin-bottom:20px;}.form-subscribe form{max-width:400px;margin:auto;}.form-subscribe #form-subscribe-success{max-width:500px;margin:auto;font-size:18px;line-height:28px;}.form-subscribe #subscribe-email-validation-error{margin-bottom:8px;font-size:15px;}.form-subscribe .form-subscribe-twitter div{margin:24px 0;font-size:20px;color:rgba(0,0,0,0.3);}.form-subscribe .form-subscribe-twitter a{display:inline-block;padding-left:21px;background:url("/img/common/icon-twitter.png") no-repeat left 4px;}#toggle-form-subscribe{text-align:center;margin-bottom:20px;font-size:15px;margin-top:-20px;}#nav-toggle-box{display:flex;align-items:center;padding:8px 16px;}#nav-toggle{margin-left:auto;color:#000;text-decoration:none;padding:2px 8px;}#nav-toggle-brand{position:relative;top:-1px;}#nav-toggle-brand a,#nav-toggle-brand span{color:#000;font-weight:bold;text-decoration:none;}#top{display:flex;align-items:center;margin-bottom:24px;padding:0 36px;height:88px;border-bottom:1px solid rgba(0,0,0,0.05);}#top #top-brand{margin-right:52px;}#top #top-brand span,#top #top-brand a{background:none;text-indent:-9999px;width:70px;line-height:11px;background-repeat:no-repeat;}#top ul{display:flex;align-items:center;margin:0;}#top #top-nav-main{padding-left:52px;border-left:1px solid rgba(0,0,0,0.15);}#top #top-nav-main li{font-size:16px;font-weight:500;margin-right:40px;}#top #top-nav-main span,#top #top-nav-main a{display:inline-block;}#top #top-nav-main a{color:#000;text-decoration:none;}#top #top-nav-main a:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;color:rgba(0,0,0,0.6);text-decoration:underline;}#top #top-nav-main b a,#top #top-nav-main span{font-weight:500;color:rgba(0,0,0,0.4);}#top #top-nav-main b a{text-decoration:underline;}#top #top-nav-main b a:hover{color:#000;}#top #top-nav-extra{margin-left:auto;font-size:14px;}#top #top-nav-extra span,#top #top-nav-extra a{color:rgba(0,0,0,0.7);display:inline-block;border:1px solid rgba(0,0,0,0.5);text-decoration:none;line-height:28px;border-radius:28px;padding:0 20px;}#top #top-nav-extra a:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;color:#000;text-decoration:underline;}#top #top-nav-extra span{color:rgba(0,0,0,0.4);border-color:rgba(0,0,0,0.2);}#subnav{margin-top:24px;margin-bottom:24px;font-size:15px;}#subnav ul{margin:0;text-align:center;}#subnav li{display:inline-block;}#subnav li.active a,#subnav span{color:rgba(0,0,0,0.4);}#subnav form,#subnav em,#subnav span,#subnav a{display:inline-block;padding:2px 16px;}#subnav em{font-style:normal;}#subnav a{color:#3794de;text-decoration:none;}#subnav a:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;color:#000;text-decoration:underline;}#subnav li:first-child b a{color:#3794de;font-weight:normal;text-decoration:none;}#subnav li:first-child b a:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;color:#000;text-decoration:underline;}#subnav b a{color:#000;text-decoration:underline;}#subnav b a:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;color:rgba(0,0,0,0.6);text-decoration:underline;}#subnav .action-button a{background:rgba(28,134,242,0.05);font-size:15px;margin-left:16px;padding:2px 16px;border-radius:3px;border:1px solid rgba(28,134,242,0.5);}#subnav .action-button a:hover{background:#1c86f2;border-color:#1c86f2;color:#fff;text-decoration:none;}#subnav form{margin:0;}#subnav form button{font-size:15px;line-height:24px;color:#3794de;height:auto;padding:0;background:none;box-shadow:none;vertical-align:baseline;}#subnav form button:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;color:#000;text-decoration:underline;}#hero{padding-top:48px;padding-bottom:56px;text-align:center;}#hero h1{max-width:880px;margin-left:auto;margin-right:auto;margin-bottom:12px;font-size:64px;line-height:72px;font-weight:900;}#hero p{max-width:740px;margin:auto;font-size:21px;line-height:32px;color:rgba(0,0,0,0.5);margin-top:28px;padding-top:28px;margin-bottom:0;position:relative;}#hero p a{color:#000;}#hero p a:hover{color:rgba(0,0,0,0.6);}#hero p:before{position:absolute;content:'';width:40px;height:3px;top:0;left:50%;margin-left:-20px;background:#ff3366;}#intro{margin-top:56px;margin-bottom:140px;text-align:center;position:relative;}#intro:before{position:absolute;content:'';width:40px;height:3px;top:-68px;left:50%;margin-left:-20px;background:#ff3366;}#intro h6{color:rgba(0,0,0,0.5);font-weight:normal;}#intro h2{font-weight:900;}#intro h2 a{color:#3794de;text-decoration:none;}#intro h2 a:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;color:#000;text-decoration:underline;}#intro p{font-size:15px;margin:auto;padding:0 20px;}@media (max-width:768px){#intro .col{margin-bottom:48px;}}#action-buttons{margin-bottom:64px;text-align:center;}#action-buttons button,#action-buttons .button{margin:0 4px;}#action-buttons p{margin:0;margin-top:20px;font-size:13px;line-height:20px;color:rgba(0,0,0,0.5);}#contents{counter-reset:count;max-width:400px;margin:24px auto 60px auto;padding:32px;background:#fbfbfb;border:1px solid rgba(0,0,0,0.08);}#contents.wide{max-width:none;margin-bottom:24px;}#contents ol{margin:0;}#contents li{line-height:40px;border-bottom:1px solid rgba(0,0,0,0.06);margin-right:24px;counter-increment:count;}#contents li:last-child{border-bottom:none;}#contents a{display:block;text-decoration:none;position:relative;padding-left:24px;color:#259d92;}#contents a:before{position:absolute;left:0;content:counter(count,decimal-leading-zero);font-size:13px;color:rgba(0,0,0,0.3);}#contents a:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;color:#000;text-decoration:underline;}#main{margin:auto;max-width:1128px;}body.docs #main,body.grafs-index #main,body.page-redactor-index #main{max-width:none;}body.grafs-index #footer,body.page-redactor-index #footer{margin-top:0;}body.docs #top{margin-bottom:0;}body.page-account #hero{padding:0;}body.page-account #hero h1{font-size:32px;line-height:32px;margin-bottom:48px;}.content{max-width:840px;margin:auto;}#redactor-intro-box{max-width:920px;margin:auto;margin-bottom:48px;}#redactor-features{text-align:center;margin:136px auto;max-width:1128px;}#redactor-features h3{font-size:21px;margin-top:0;margin-bottom:4px;}#redactor-features p{color:rgba(0,0,0,0.5);}#redactor-buying-desc{max-width:720px;margin:auto;margin-top:40px;font-size:13px;line-height:20px;}#redactor-buying-desc p{color:rgba(0,0,0,0.5);}#redactor-buy-box{text-align:center;margin:116px auto;max-width:1128px;}#redactor-cloud{text-align:center;margin:116px auto;max-width:1128px;}#redactor-cloud h2{font-size:48px;line-height:56px;margin-bottom:36px;color:rgba(0,0,0,0.15);}#redactor-cloud ul{margin:0;list-style:none;}#redactor-cloud li{list-style:none;display:inline;line-height:44px;margin:0 12px;white-space:nowrap;}#redactor-cloud li:nth-child(3n){font-size:1.25em;color:#666;}#redactor-cloud li:nth-child(4n){font-size:1.5em;color:#333;}#redactor-cloud li:nth-child(5n){font-size:1em;color:#999;}#redactor-cloud li:nth-child(7n){font-size:2.25em;}@media (max-width:768px){#redactor-cloud{display:none;}}#redactor-discover{text-align:center;background:#f8f8f8;padding-bottom:96px;}#redactor-discover #redactor-discover-box{max-width:1128px;margin:auto;}#redactor-discover h3{font-size:24px;line-height:32px;text-align:center;font-weight:900;padding:40px 0;margin-bottom:60px;color:rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.05);}#redactor-discover h4{margin-top:0;}#redactor-discover h4 a{font-size:21px;color:#000;}#redactor-discover h4 a:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;color:rgba(0,0,0,0.5);}#redactor-discover figure{margin-bottom:0;}#redactor-discover .col{max-width:340px;}#redactor-discover p{font-size:14px;line-height:20px;color:rgba(0,0,0,0.5);}@media (max-width:768px){#redactor-discover .col{max-width:none;}#redactor-discover p{padding:0 24px;}}#grafs-matrix-box{padding:0 20px;max-width:1128px;margin:auto;margin-bottom:80px;}#grafs-matrix-box .item{padding-top:72px;text-align:center;}#grafs-matrix-box .item.first{padding-top:24px;}#grafs-matrix-box h5{font-size:17px;line-height:24px;margin-bottom:8px;}#grafs-matrix-box p{max-width:340px;margin:auto;margin-bottom:32px;font-size:13px;line-height:20px;color:rgba(0,0,0,0.7);}#grafs-matrix-box .row p{max-width:280px;margin-bottom:40px;}#grafs-buy-box{padding:0 20px;padding-bottom:104px;max-width:1128px;margin:auto;margin-top:128px;text-align:center;border-bottom:1px solid rgba(0,0,0,0.07);}#grafs-buy-box h2{font-size:30px;line-height:40px;font-weight:900;margin-bottom:72px;}#grafs-buy-box .button{height:60px;padding-top:20px;padding-left:36px;padding-right:36px;font-size:19px;font-weight:500;}#grafs-buy-box p.desc{font-size:13px;line-height:20px;color:rgba(0,0,0,0.6);}#grafs-features{text-align:center;max-width:1128px;margin:88px auto 104px auto;padding:0 20px;}#grafs-features figure{margin-bottom:0;}#grafs-features h3{margin-top:0;font-size:21px;line-height:32px;}#grafs-features p{font-size:15px;color:rgba(0,0,0,0.7);}#grafs-discover{text-align:center;background:#f8f8f8;padding-bottom:96px;}#grafs-discover #grafs-discover-box{max-width:800px;margin:auto;}#grafs-discover h3{font-size:24px;line-height:32px;text-align:center;font-weight:900;padding:40px 0;margin-bottom:60px;color:rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.05);}#grafs-discover h4{margin-top:0;}#grafs-discover h4 a{font-size:21px;color:#000;}#grafs-discover h4 a:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;color:rgba(0,0,0,0.5);}#grafs-discover figure{margin-bottom:0;}#grafs-discover .col{max-width:280px;}#grafs-discover p{font-size:14px;line-height:20px;color:rgba(0,0,0,0.5);}@media (max-width:768px){#grafs-discover .col{max-width:none;}#grafs-discover p{padding:0 24px;}}.grafs-examples-row{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:40px;}.grafs-examples-col{border-radius:3px;background:#f8f8f8;padding:32px;padding-bottom:56px;width:300px;margin:0 16px;margin-bottom:24px;}.grafs-examples-col figure{margin-bottom:0;}.grafs-examples-col h4{font-size:17px;line-height:28px;margin-top:0;}.grafs-examples-col ul{list-style:none;margin:0;}.grafs-examples-col ul li{font-size:15px;line-height:36px;}.grafs-examples-col ul a{display:block;color:#3794de;text-decoration:none;}.grafs-examples-col ul a:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;color:#000;text-decoration:underline;}#grafs-example-header,#grafs-example-content{max-width:900px;margin:auto;}#grafs-example-header{margin-top:72px;margin-bottom:44px;text-align:center;}#grafs-example-header .tag{font-size:13px;line-height:24px;text-transform:uppercase;color:rgba(0,0,0,0.5);margin-bottom:8px;}#grafs-example-header .tag a{color:rgba(0,0,0,0.6);}#grafs-example-header .tag a:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;color:#000;}#grafs-example-header h1{font-size:48px;line-height:52px;font-weight:900;}#path{font-size:15px;margin-bottom:12px;}#path a{color:#3794de;}#path a:hover{color:#000;}#path span{color:rgba(0,0,0,0.2);font-size:15px;display:inline-block;margin:0 6px;}#path b{font-weight:500;color:rgba(0,0,0,0.4);}#docs-main{display:flex;}#docs-main #side{width:24%;padding:28px 36px;border-right:1px solid rgba(0,0,0,0.1);}#docs-main #side nav li{font-size:15px;line-height:40px;}#docs-main #side nav li a{display:block;color:#707070;text-decoration:none;}#docs-main #side nav li a:hover{color:#ff3366;text-decoration:underline;}#docs-main #side nav span,#docs-main #side nav li.active a{color:#ff3366;font-weight:bold;}#docs-main #side nav span:hover,#docs-main #side nav li.active a:hover{text-decoration:none;}#docs-main #side nav h6{border-top:1px solid #eee;padding-top:16px;margin-top:8px;margin-bottom:8px;}#docs-main #area{width:76%;padding:32px 64px 48px 64px;}#docs-main #area h1{font-size:36px;line-height:40px;font-weight:900;margin-bottom:28px;}#docs-main #area h3{font-size:18px;line-height:28px;}#docs-main #area .lead{font-size:18px;line-height:28px;margin-bottom:24px;}#docs-main #area .doc-head{position:relative;margin-top:24px;padding-bottom:8px;border-bottom:1px solid #eee;}#docs-main #area .doc-head span{position:absolute;right:0;top:0;font-weight:normal;font-size:13px;color:rgba(0,0,0,0.4);}#docs-main #area .doc-head a{text-decoration:none;color:#000;display:block;font-size:20px;}.chart-example{position:relative;margin-top:44px;margin-bottom:40px;}.chart-example.inverted{padding:32px;background:#191d21;}.chart-example.inverted .chart-selector a{color:rgba(255,255,255,0.85);border-color:rgba(255,255,255,0.3);}.chart-example.inverted pre{color:rgba(255,255,255,0.85);padding:0;background:#191d21;}.chart-selector{text-align:center;font-size:14px;margin-bottom:24px;}.chart-selector a{display:inline-block;background:rgba(46,196,182,0.05);border:1px solid rgba(46,196,182,0.25);border-radius:40px;line-height:28px;padding:0 12px;color:#000;text-decoration:none;margin:0 4px;}.chart-selector a:hover,.chart-selector a.active{text-decoration:none;background:#2ec4b6;color:#fff;border:1px solid transparent;}.chart-selector a:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;}.chart-section-head{text-align:center;font-weight:900;margin-top:64px;margin-bottom:-16px;font-size:16px;line-height:28px;}#posts{list-style:none;margin:auto;margin-top:48px;margin-bottom:128px;max-width:680px;text-align:center;}#posts li{margin-bottom:40px;}#posts h2{font-size:22px;font-weight:normal;margin:0;line-height:28px;}#posts h2 a{color:#1eabf2;text-decoration:none;}#posts h2 a:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;color:#000;text-decoration:underline;}#posts time{font-size:12px;color:rgba(0,0,0,0.5);}#post-box{max-width:740px;margin:auto;}#post{font-size:18px;line-height:32px;margin-bottom:40px;}#changelog{max-width:820px;margin:auto;margin-bottom:104px;}#changelog h3{margin-bottom:4px;}#changelog time{font-size:11px;font-weight:bold;display:block;text-transform:uppercase;margin-bottom:40px;color:rgba(0,0,0,0.45);}#changelog .item{margin-bottom:20px;background:#f8f8f8;padding:40px;}#changelog ul{margin:0;list-style:none;}#changelog li{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee;}#changelog li:last-child{border-bottom:none;}#changelog li .label{margin-right:4px;}#kube-features{margin-top:104px;text-align:center;}#kube-features h3{margin-top:0;}#kube-features .row:first-child{padding-bottom:32px;margin-bottom:64px;border-bottom:1px dashed rgba(0,0,0,0.15);}#kube-features p{font-size:15px;color:rgba(0,0,0,0.75);}#kube-features .item{padding:0 24px;}#kube-faq{max-width:740px;margin:auto;font-size:17px;line-height:28px;margin-bottom:104px;border-top:1px solid rgba(0,0,0,0.07);}#kube-faq h2{font-size:24px;font-weight:900;text-align:center;line-height:32px;margin-top:80px;margin-bottom:40px;}#components{text-align:center;}#components.lists{text-align:left;}#components.lists .item{padding:24px;}#components.lists .item:hover{background:#f8f8f8;}#components .start{font-size:24px;line-height:32px;}#components #search-box{padding:24px;background:#ebf0f6;margin-bottom:24px;}#components .item{background:#f8f8f8;padding:68px 24px 60px 24px;margin-bottom:20px;}#components .item:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;background:#fcfcfc;}#components figure{margin-bottom:0;}#components h4{font-size:19px;margin-top:0;margin-bottom:8px;}#components h4 a{color:#3794de;text-decoration:none;}#components h4 a:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;color:#000;text-decoration:underline;}#components ul{margin-left:0;margin-top:24px;list-style:none;}#components li{line-height:32px;margin-bottom:4px;}#components li a{display:inline-block;color:#3794de;line-height:24px;}#components li a:hover{-moz-transition:all linear 0.2s;transition:all linear 0.2s;color:#000;text-decoration:underline;}#components p{max-width:220px;margin:auto;font-size:13px;line-height:20px;color:rgba(0,0,0,0.5);}#components #docs-search-results p{max-width:none;margin-bottom:16px;}.demo-head{font-size:24px;line-height:32px;font-weight:900;margin-top:80px;margin-bottom:20px;text-align:center;}#price-box{margin-top:40px;}#price-box .item{text-align:center;padding:36px;margin-bottom:24px;}#price-box .item-selected{position:relative;top:-28px;background:#fafaf4;}#price-box .price-label{position:absolute;top:-12px;left:50%;margin-left:-60px;background:#ff3366;color:#fff;font-size:11px;text-transform:uppercase;padding:0 8px;}#price-box .price-name{font-size:12px;text-transform:uppercase;line-height:24px;font-weight:900;}#price-box .price-amount{margin:20px 0 32px 0;font-size:34px;}#price-box ul{margin-left:0;list-style:none;line-height:36px;}#price-box li{font-size:14px;border-bottom:1px solid rgba(0,0,0,0.07);}#price-box li:last-child{border-bottom-color:transparent;}#price-box footer{margin-top:32px;}#price-box button.stripe-button-el{height:auto;min-height:0;}#price-secure-box{text-align:center;color:rgba(0,0,0,0.6);}#price-secure-box .extra{margin-top:36px;font-size:14px;line-height:22px;}.not-found{padding:40px 0;text-align:center;font-style:italic;color:rgba(0,0,0,0.5);}.callout{background:#f8f8f8;padding:40px 48px;}.callout-form{margin-bottom:40px;}.color-black{color:#000;}tr.border-none td{border:none;}#purchases-table td{padding-top:24px;padding-bottom:24px;}#purchases-table tr:first-child td{padding-top:16px;}#purchases-table tr:last-child td{border-bottom:none;}.purchase-table-license{margin-top:-16px;margin-bottom:8px;}.purchase-table-version{display:block;margin-top:8px;margin-bottom:8px;line-height:16px;font-size:11px;}#invoice-form,#invoice-form-old{margin-bottom:24px;padding:40px;border:2px solid #eee;}#footer{display:flex;border-top:1px solid #eee;margin:104px 0;padding:0 28px;padding-top:24px;font-size:13px;color:rgba(0,0,0,0.5);}#footer p{order:1;}#footer nav{order:2;margin-left:auto;}#footer nav ul{display:flex;}#footer nav ul li{margin-left:20px;}#footer nav ul li span{color:rgba(0,0,0,0.3);}#footer nav ul li a{color:rgba(0,0,0,0.65);text-decoration:none;}#footer nav ul li a:hover{color:#000;text-decoration:underline;}@media (max-width:768px){#top{display:block;height:auto;padding-bottom:24px;}#top ul{display:block;}#top #top-brand{display:none;}#top #top-nav-main{padding:0;border:none;}#top #top-nav-extra{margin:0;}#top #top-nav-main li,#top #top-nav-extra li{text-align:center;width:auto;margin:16px 0;padding:0;}#subnav li,#subnav ul li{text-align:center;border:none;display:block;margin:16px 0;}#hero{margin-top:32px;padding-top:0;padding-left:20px;padding-right:20px;}#hero h1{font-size:40px;line-height:48px;}#hero p{font-size:16px;line-height:24px;}#posts,#post-box,#main{padding-left:20px;padding-right:20px;}#action-buttons .button,#action-buttons button{margin:8px 0;}#footer{display:block;text-align:center;}#footer nav ul{display:block;margin-bottom:40px;}#footer nav ul li{margin:8px 0;}#grafs-features ul{margin-bottom:24px;}#grafs-features ul.br{border:none;}#grafs-features ul.br li,#grafs-features ul li{text-align:center;}.grafs-call-to-action p{font-size:20px;line-height:32px;}#docs-main{display:block;}#docs-main #side,#docs-main #area{width:100%;padding:20px 0;border:none;}.grafs-examples-row{flex-direction:column;}.grafs-examples-col{width:100%;margin:0;margin-bottom:20px;}#price-box .item-selected{margin-top:24px;top:0;}}
   
   .mark{
     background-color: #fff;
   }
   .mark:hover{
     background-color: #ff3366;
   }
   </style>
  </head>

  <body class="page-kube">
    <header>
      <div class="show-sm">
        <div id="nav-toggle-box">
          <div id="nav-toggle-brand">
            <a href="/" target="_blank">Rainbond</a>
          </div>
          <a
            data-component="toggleme"
            data-target="#top"
            href="#"
            id="nav-toggle"
            ><i class="kube-menu"></i
          ></a>
        </div>
      </div>
      <div class="hide-sm" id="top">
        <div id="top-brand">
          <a href="/" target="_blank" title="home">Rainbond</a>
        </div>
        <nav id="top-nav-main">
          <ul>
            <li>
              <a href="https://github.com/goodrain/rainbond" target="_blank"
                >Github</a
              >
            </li>

            <li>
              <a
                href="https://www.rainbond.com/docs/stable/user-manual/app-creation/language-support/html.html"
                target="_blank"
                >Docs</a
              >
            </li>

            <li><a href="/env" target="_blank">MySQL示例</a></li>
            <li><a href="/api" target="_blank">API示例</a></li>

            <!-- <li><a href="/env" target="_blank">示例</a></li> -->
          </ul>
        </nav>
        <nav id="top-nav-extra">
          <ul>
            <li>
              <a href="https://console.goodrain.com" target="_blank"
                >试用公有云</a
              >
            </li>
          </ul>
        </nav>
      </div>
    </header>
    <main>
      <div id="main">
        <div id="hero">
          <h1>Nodejs Demo for Rainbond</h1>
          <p></p>
        </div>
        <div id="action-buttons">
          <a
            class="button primary big"
            href="https://www.rainbond.com/docs/stable/getting-started/online-installation.html"
            target="_blank"
            >私有化部署</a
          >
          <a
            class="button outline big"
            href="https://github.com/goodrain/python-demo"
            target="_blank"
            >View on Github</a
          >
          <p>
            Version 5.0.3 Since January 28, 2019.<br />
            你值得拥有哟。
          </p>
        </div>
        <div class="message focus" data-component="message">
          <span class="close small"></span>
          <a
            class="button inverted small"
            href="https://www.rainbond.com"
            target="_blank"
            >Rainbond </a
          >是开源的
          <mark class="mark"
            ><a
              href="https://www.rainbond.com/docs/stable/architecture/design-concept.html#part-9693c61b747e20da"
              target="_blank"
              >企业应用云操作系统</a
            ></mark
          >，支撑企业应用的开发、架构、交付和运维的全流程，通过
          <mark class="mark"
            ><a
              href="https://www.rainbond.com/docs/stable/architecture/design-concept.html#part-ef8ac41fb83350a"
              target="_blank"
              >无侵入架构</a
            ></mark
          >，无缝衔接各类企业应用，底层资源可以对接和管理IaaS、虚拟机和物理服务器。
        </div>
      </div>
    </main>
    <footer>
      <footer id="footer">
        <nav>
          <ul>
            <li><span>Rainbond</span></li>
          </ul>
        </nav>
        <p>&copy; Licence Apache.</p>
      </footer>
    </footer>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/tocbot/4.5.0/tocbot.min.js"></script>
    <script src="https://cdn.bootcss.com/kube/6.5.2/js/kube.js"></script>
  </body>
</html>
